<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
 <style>
   ul{
    width:400px;
    height: 400px;
    border: 1px solid black;
    list-style: none;
    font-size: 20px;
    padding-left: 0;
    padding: 10px;
  }
  li{
    margin-bottom: 20px;
    cursor: pointer;

   /* 文本溢出处理 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  li:hover{
    background-color: lightblue;
  }
 </style>
</head>

<body>
  <ul>
    <li>四川一乡政府女会计贪腐细节披露：沉迷网络赌博，曾几小时输掉10多万</li>
    <li>刺杀特朗普枪手姓名曝光，在场支持者称曾多次警告现场安保，但对方大笑无视</li>
    <li>《抓娃娃》票房井喷，打了多少资方的脸，沈腾马丽又赌对了</li>
    <li>巴黎奥运开幕倒计时！5国公布旗手名单，中国旗手这2人呼声最高</li>
  </ul>
</body>
</html>